/**
 * @Author:周邱艳
 * @Date:2020/6/30
 * @Description:这是收益明细
 */
import React,{Component} from "react";
import {Card, Icon, NavBar, WhiteSpace} from "antd-mobile";
import IncomeBody from "./IncomeDetail_Component/IncomeBody";
import StageGain from "../PositionList/PositionList_Component/StageGain";

export default class IncomeDetail extends Component{
    render() {
        document.title="收益明细"
        return (
            <div>
                <div>
                    {/*页面顶部*/}
                    <div style={{position:"fixed",width:"100%",zIndex:999}}>
                        <NavBar
                            mode="light"
                            icon={<Icon type="left" style={{color:" #f8a83f"}} />}
                            onLeftClick={() =>window.history.back(-1)}

                        >收益明细</NavBar>
                    </div>
                    <WhiteSpace/>
                    <WhiteSpace/>
                    <WhiteSpace/>
                    <WhiteSpace/>
                    <WhiteSpace/>

                    <div style={{width:"100%",height:"12rem",backgroundColor:"white",marginTop:"1.5rem"}}>
                        <p style={{textAlign:"center",fontSize:"1.5rem",color:"grey",paddingTop:"3rem"}}>今日收益（元）</p>
                        <h1 style={{color:"red",marginTop:"1rem",marginLeft:"14rem"}}>+0.22</h1>

                    </div>
                    <WhiteSpace/>
                    <WhiteSpace/>
                    <Card>
                        <Card.Header
                            title="成分产品日收益"

                        />
                        <Card.Body>
                            <IncomeBody/>
                        </Card.Body>
                    </Card>

                </div>
            </div>
        );
    }
}
